<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>安全设施详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="referrer" content="never" />
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/css/common.css" />	
		<link rel="stylesheet" href="../../static/components/components.css" />	
		<link rel="stylesheet" href="../../static/css/terminalwork.css" />	
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="../../static/js/neiosRequst.js"></script>  <!--请求接口页面必需-->
		<script src="../../static/js/neiosCommon.js"></script>  <!--公共js页面必需-->
		<script src="../../static/js/upLoadHelper.js"></script>
		<script src="../../static/components/processLog.js"></script>
		<style>
			.defect-info-list{
				border-bottom:1px solid #ddd;
				margin:0 0 8px
			}
			.defect-info-list:last-child{
				border-bottom:none;
				margin:0
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">安全设施检查记录</h1>
		</header>
		<div class="mui-content" id="storBattery">
			<div class="main_box">
				<div class="main_icon"></div>
				<div class="main_icon1"></div>
				
				<div class="flex-row">
					<div class="icon"></div><div class="color-blue" id="part-title">检查信息</div>
				</div>
				<div style="margin:3vw 0 5vw">
					<div class="neios-form-item">
						<div class="neios-form-item-lable" style="width:35%;">检查时间</div>
						<div class="neios-form-item-con" style="width:65%;">
							{{safeCheck.checkTime}}
						</div>
					</div>
					<div class="neios-form-item">
						<div class="neios-form-item-lable" style="width:35%;">检查人</div>
						<div class="neios-form-item-con" style="width:65%;">
							{{checkPerson}}
						</div>
					</div>
					<div class="neios-form-item">
						<div class="neios-form-item-lable" style="width:35%;">检查区域</div>
						<div class="neios-form-item-con" style="width:65%;">
							{{safeCheck.checkArea}}
						</div>
					</div>
				</div>
				
				<div class="flex-row">
					<div class="icon"></div><div class="color-blue" id="part-title">附件</div>
				</div>
				<div style="margin:3vw 3vw 0">
					<div class="nodata-tips" v-if="fileList.length == 0">暂无附件！</div>
					<div style="margin:3vw 0 5vw" v-else>
						<div class="neios-form-item" v-for="item in fileList">
							<div class="neios-form-item-lable" style="width:80%;text-align:left;">{{item.fileName}}</div>
							<div class="neios-form-item-con" style="width:20%;text-align:right">
								<div style="color:#004A86" v-on:click="downloadFile(item)">下载</div>
							</div>
						</div>
					</div>
				</div>
				
				
				<div class="list" id="list">
						<ul v-for="(item,index) in safeCheck.resultSafeCheckVoList" class="mui-table-view">
							<li class="mui-table-view-cell mui-collapse">
								<a style="padding: 3vh 3vw;" class="mui-navigate-right" href="#">
									<div style="display: inline-block;" class="icon"></div><span v-if="item.isAdd" style="display: inline-block;vertical-align: top;">{{item.checkItemContent}}</span>
									<span style="display: inline-block;vertical-align: top;">
										<div v-if="!item.isAdd" class="flex-between">
											<input :disabled="true" @tap.stop v-model="item.checkItemContent" type="" name="" id="" value="" />
											<!-- <button @tap.stop style="background: red;color: white;" @tap="deleteCheckProject(index)" class="submit_btn">删除</button> -->
										</div>
									</span>
								</a>
								<div style="width: 100vw;padding-left: 10vw;" class="mui-collapse-content">
									<div style="padding-right:10px;">
										<div style="color: red;" v-if="!disabled" class="flex-between">
											执行情况已完成请勾选是，否则勾选否
										</div>
										<div v-for="(items,indexs) in item.checkItemNotes">
											<div class="flex-between m-10">
												{{items.checkItemContent}}
												<div v-for="(v,i) in checkResultTypeList" class="flex-row">
													{{v.itemText}}<input :disabled="true" v-model="items.checkItemResult" :value="v.itemValue" style="width: 18px;margin-right: 5px;"
													 type="radio" id="">
													<!-- 否 <input @change="yesNoChange" @change="changeCheck" v-model="formData.isAmbientNormal" value="0" style="width: 18px;margin-right: 5px;"
													 type="radio" id=""> -->
												</div>
											</div>
											<div class="flex-row">
												<div style="width: 35vw;margin-top: 10px;">备注</div>
												<input :disabled="true" maxlength="600" v-model="items.remark">
											</div>
											<div class="flex-row">
												<div style="width: 35vw;margin-top: 10px;">消除人（关闭人）</div>
												<input  :disabled="true" v-model="items.itemSolveStaffName">
											</div>
											<div class="flex-row">
												<div style="width: 35vw;margin-top: 10px;">发现问题记录</div>
												<input :disabled="true" maxlength="60" v-model="items.problemLog">
											</div>
<!-- 											<div class="flex-row">
												<div style="width: 100vw;" class="flex-between">
													<button v-if="items.isAdd" @tap="addCheckContent(index,indexs)" class="submit_btn">新增内容</button>
													<button v-if="items.addOrDelete" style="background: red;color: white;" @tap="deleteCheckContent(index,indexs)"
													 class="submit_btn">删除</button>
												</div>
											</div> -->
											<hr size="1" style="color: #999;border-style: dashed; widows: 250px;" />
										</div>
				
										<!-- <div class="flex-between ">
											<div class="flex-row">
												<input type="checkbox" v-model="changeShift.boosterStationDevicePatrolArr" value="3">
												<div>全面巡视</div>
											</div>
											<div class="flex-row">
												<input type="checkbox" v-model="changeShift.boosterStationDevicePatrolArr" value="4">
												<div>熄灯巡视</div>
											</div>
										</div> -->
									</div>
									<!-- <div class="mt-10" style="position: relative;">
										<div>备注</div>
										<textarea :disabled="!isEdit" v-model="changeShift.boosterStationRemarks" maxlength="300">
									</textarea>
										<div class="area_num">已输入{{changeShift.boosterStationRemarks.length}}字/300字</div>
									</div> -->
							</li>
						</ul>
<!-- 						<div v-if="workStatus==20" style="display: flex;justify-content: center;">
							<button class="submit_btn" @tap="addCheckProject" type="button">新增项目</button>
						</div> -->
						<!-- <div class="flex-row">
							<span class="label">结论</span>
							<textarea :disabled="disabled" style="width: 70vw;" v-model="baseForm.dtcResult" placeholder="请输入结论" v-model="elseDesc"></textarea>
						</div>
						<div class="flex-row">
							<span class="label">备注</span>
							<textarea :disabled="disabled" style="width: 70vw;" v-model="baseForm.dtcRemark" placeholder="请输入备注" v-model="elseDesc"></textarea>
						</div> -->
					</div>
				</div>
				
				
				<div class="flex-row">
					<div class="icon"></div><div class="color-blue" id="part-title">流程日志</div>
				</div>
				<div style="margin:3vw 3vw 0">
					<processlog :processlogid='parentObject.workId'></processlog>
				</div>
			</div>
			<div style="width: 100%;height: 60px;"></div>
			<div class="flex-between fixed-bottom">
				<button class="submit_btn" @click="goBack()">返回</button>
			</div>
		</div>
	</body>
	<script src="js/safeDeviceDet.js"></script>
</html>
